.list-view {
    flex: 1;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;

    .command-list-wrapper {
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 12px;
        border-radius: 4px;
        border: 1px solid #e9e9e9;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

        .row-item {
            position: relative;
            display: flex;
            flex-direction: row;
            padding-left: 5px;
            border-bottom: 1px solid #e9e9e9;
            line-height: 35px;
            font-size: 13px;
            cursor: default;

            &:hover {
                background: #ecf6fd
            }

            &.dragging {
                opacity: 0.5;
            }

            &.drop-top::before {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                height: 6px;
                border-radius: 4px;
                background-color: #1890ff;
                z-index: 9999;
            }

            &.drop-bottom::after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: 6px;
                border-radius: 4px;
                background-color: #1890ff;
                z-index: 9999;
            }

            .row-col {
                display: flex;
                align-items: center;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }


    }


}